<template name="dashboard">
  <div class="ui center aligned segment">
    <div class="ui link cards" style="display: inline-flex;">
    <a href="/ontime" class="card">
      <div class="image"  style="height:200px;">
        <img src="/img/ontime.gif"  style="height:200px;">
      </div>
      <div class="content">
        <div class="huge header">马上到岗</div>
      </div>

    </a>
    <div class="card">
      <div class="image" style="height:200px;">
        <img src="/img/offtim.jpg"  style="height:200px;">
      </div>
      <div class="content">
        <div class="huge header">开始离岗</div>
      </div>

    </div>
    <div class="card">
      <div class="image" style="height:200px;">
        <img src="/img/areamanage.jpg" style="height:200px;">
      </div>
      <div class="content">
        <div class="huge header">区域管理</div>
      </div>

    </div>
    <a href="/arrangements" class="card">
      <div class="image" style="height:200px;">
        <img src="/img/arrangement.png" style="height:200px;">
      </div>
      <div class="content">
        <div class="huge header">开始排班</div>
      </div>

    </a>
    <div class="card">
      <div class="image" style="height:200px;">
        <img src="/img/allarrange.jpg" style="height:200px;">
      </div>
      <div class="content">
        <div class="huge header">轮岗纵览</div>
      </div>

    </div>

  </div>
  </div>

</template>
